<!DOCTYPE HTML>
<!--
	Editorial by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html lang="ja">
<head>
    <title>HTMLEditorハイパーテキストエディタ</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="assets/css/main.css" />
    <script>
        function choice() {
            var index=document.getElementById("AreaId").selectedIndex;//获取当前选择项的索引.
            document.getElementById("AreaId").options[index].text;//获取当前选择项的文本.

            document.getElementById("AreaId").options[index].innerHTML;//获取当前选择项的文本.

            var obj=document.getElementById("AreaId");
            for(i=0;i<obj.length;i++) {//下拉框的长度就是它的选项数.

                if(obj[i].selected === true) {

                    var text=obj[i].text;//获取当前选择项的文本.

                }

            }
            if( text === "English"){
                window.location="https://xiezheyuan.github.io/HTMLEditor/index.html"
            }
            if( text === "Chinese"){
                window.location="https://xiezheyuan.github.io/HTMLEditor/index.cn.html"
            }

        }
    </script>
</head>
<body class="is-preload">

<!-- Wrapper -->
<div id="wrapper">

    <!-- Main -->
    <div id="main">
        <div class="inner">

            <!-- Header -->
            <header id="header">
                <a href="index.html" class="logo">HTML Editor</a>
                <label>
                    <select id="AreaId">
                        <option >English</option>
                        <option>Chinese</option>

                    </select>
                </label>
                <button onclick="choice()">Go!</button>
            </header>

            <!-- Banner -->
            <section id="banner">
                <div class="content">
                    <header>
                        <h1>こんにちは、私はXie Zheyuan（しぜゆあん）が開発したHTMLEditorエディタの応用です</h1>
                        <p>HTMLの編集でPYTHON3とピqt5を使っていました</p>
                    </header>
                    <p>このソフトは、HTMLコードの作成を手伝ってくれるだけでなく、国际派フロントエンドのエンジニアやプログラミングファンにもお使いいただける。軽量で手軽で、オープンソース・コードで、学びやすい。</p>
                    <ul class="actions">
                        <li class="button"><a href="https://github.com/XieZheyuan/HTMLEditor/archive/master.zip">ファイルをダウンロード</a></li>
                    </ul>
                </div>
                <span class="image object">
										<img src="images/pic10.jpg" alt="" />
									</span>
            </section>

            <!-- Section -->
            <section>
                <header class="major">
                    <h2>ソフトウェア利用</h2>
                </header>
                <div class="features">
                    <article>
                        <span class="icon fa-gem"></span>
                        <div class="content">
                            <h3>自由</h3>
                            <p>このアプリは無料で「オープンソース」なんですよ!</p>
                        </div>
                    </article>
                    <article>
                        <span class="icon solid fa-paper-plane"></span>
                        <div class="content">
                            <h3>軽量</h3>
                            <P>同ソフトウエアは小型で,他の編集者のアプリケーションと比べて動作が遅いため動作が容易でない。</P>
                        </div>
                    </article>
                </div>

            </section>

            <!-- Section -->
            <section>
                <header class="major">
                    <h2>インスタンス</h2>
                </header>
                <div class="posts">
                    <article>
                        <a href="#" class="image"><img src="images/html5.png" alt="" /></a>
                        <h3>HTMLファイルを新しく作成する</h3>
                        <p>HTMLファイルの書き方を新しくします</p>
                        <ul class="actions">
                            <li><a href="#" class="button">もっと知り</a></li>
                        </ul>
                    </article>
                    <article>
                        <a href="#" class="image"><img src="images/richtextbox.jpg" alt="" /></a>
                        <h3>インラインホッケーは挿入テキスト</h3>
                        <p>リボン付きのタブに<b>ゴシックレベル</b>,<i>イタリック語</i>,<u>下線</u> ，<del>削除線</del></p>
                        <ul class="actions">
                            <li><a href="#" class="button">もっと知り </a></li>
                        </ul>
                    </article>

                </div>
            </section>

        </div>
    </div>

    <!-- Sidebar -->
    <div id="sidebar">
        <div class="inner">

            <!-- Search -->


            <!-- Menu -->
            <nav id="menu">
                <header class="major">
                    <h2>メニュー</h2>
                </header>
                <ul>
                    <li><a href="">ホームページ</a></li>
                    <li><a href="http://github.com/XieZheyuan/HTMLEditor">GitHub収蔵庫</a></li>
                    <li><a href="">クラス</a></li>
                    <li>
                        <span class="opener">インスタンス</span>
                        <ul>
                            <li><a href="#">インラインホッケーは挿入テキスト</a></li>
                            <li><a href="#">ラインとBRを挿入します</a></li>
                            <li><a href="#">挿入リスト</a></li>
                            <li><a href="#">挿入テーブル</a></li>
                        </ul>
                    </li>

                </ul>
            </nav>



            <!-- Section -->
            <section>
                <header class="major">
                    <h2>連絡しなさい</h2>
                </header>
                <p>何か間違いがなければ、私の邪魔をしないでください。ご協力ありがとう。</p>
                <ul class="contact">
                    <li class="icon solid fa-envelope"><a href="mailto:billy03282@163.com">billy03282@163.com</a></li>

                    <li class="icon solid fa-home">中華人民共和国湖南省長沙市岳麓区梅渓湖街道<br />
                    </li>
                </ul>
            </section>

            <!-- Footer -->
            <footer id="footer">
                <p class="copyright">&copy;XieZheyuan All rights reserved.Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
            </footer>

        </div>
    </div>

</div>

<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>

</body>
</html>